<template>
    <div class="new-search" @click="show">
        <i class="iconfont icon-sousuo1"></i>
        <cube-input :placeholder="placeholder" readonly></cube-input>
    </div>
</template>

<script>
export default {
    props:{
        placeholder:{
            type:String,
            default:"搜索手机号"
        }
    },
    methods:{
        data(){
            return{
                searchval:''
            }
        },
        show(){
            this.$emit('hidesearch')
        }
    }
}
</script>


<style lang="stylus">
.new-search{
    width:100%;
    height:40px;
    background:#fff;
    display flex
    align-items center
    padding:0 15px;
    margin:15px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    .iconfont{
        flex-shrink 0
        width:40px;
        text-align center
        color:rgb(61, 129, 203);
        font-size:18px;
        font-weight:bold;
    }
    .cube-input{
        width:100%;
        height:38px;
        .cube-input-field{
            height:38px;
            &::-webkit-input-placeholder { /* WebKit browsers */
                color: #999;
                font-size: 14px;
            }
        }
        &::after{
            border:0;
        }
    }
}
</style>
